﻿@model Com.Easywiki.Model.LogOnModel
@{
    ViewBag.Title = "Log On";
}
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div id="box">
    <div class="block" id="block-login">
        <h2>
            Login Box</h2>
        <div class="content login">
            <p>
                Please enter your user name and password. @Html.ActionLink("Register", "Register")
                if you don't have an account.
            </p>
            @using (Html.BeginForm("LogOn", "Admin", FormMethod.Post, new { @class = "form login" }))
            {
                <div class="flash">
                    <p>@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.", new { @class = "message error" })</p>
                </div>
                <div class="group wat-cf">
                    <div class="left">
                        @Html.LabelFor(m => m.UserName, new { @class = "label right" })
                    </div>
                    <div class="right">
                        @Html.TextBoxFor(m => m.UserName, new { @class = "text_field" })
                        @Html.ValidationMessageFor(m => m.UserName)
                    </div>
                </div>
                <div class="group wat-cf">
                    <div class="left">
                        @Html.LabelFor(m => m.Password, new { @class = "label right" })
                    </div>
                    <div class="right">
                        @Html.PasswordFor(m => m.Password, new { @class = "text_field" })
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                </div>
                <div class="group navform wat-cf">
                    <div class="right">
                        <button class="button" type="submit">
                            <img src="@Url.Content("~/Images/icons/key.png")" alt="Save" />
                            Login
                        </button>
                    </div>
                </div>
            }
        </div>
    </div>
</div>
